#cont-fa-cl {
    height: 490px;
    max-height: 900px;
}

#fa-slid-fade {
    width: 1190px;
    height: 100%;
    max-height: unset;
}
#cont-slid-fade {
    position: relative;
    justify-content: center;
    display: flex;
    align-items: center;
}
#detail-slid-fade {
    /*min-width: 833px;*/
}

#men-slid-fade {
    width: 30%;
    max-width: 398.203px;
    height: 100%;
    overflow-x: auto;
}

    #men-slid-fade ul {
        width: 100%;
        height: 100%;
        margin: 0;
    }

#men-arrow-slid-l {
    z-index: 1;
    opacity: 1;
    height: 52px;
    display:none;
}

#men-arrow-slid-r {
    z-index: 1;
    opacity: 1;
    height: 52px;
    display: none;
}

.slider_fade {
    /*width: 70%;*/
    height: 100%;
    text-align: center;
    position: relative;
    background-color: #326ca2;
}
.slid1, .slid2, .slid3, .slid4, .slid5, .slid6, .slid7 {
    position: absolute;
    height: 90%;
    width: 90%;
    display: flex;
}

.btn_cl1, .btn_cl2, .btn_cl3, .btn_cl4, .btn_cl5, .btn_cl6, .btn_cl7 {
    background-color: #134371;
    height:50px;
}
.btn_active {
    background-color: #326ca2;
}

.encab{
    width:100%;
    height:20%;  
}
.detai {
    width: 100%;
    height: 80%;
}

@media only screen and (max-width: 1190px){
    #cont-fa-cl {
        height: 490px;
        max-height: 900px;
    }
    
    #fa-slid-fade {
        width: 100%;
        height: 100%;
        max-height: unset;
    }

    #cont-slid-fade {
    }

    #detail-slide-fade {
        
    }

    #men-slid-fade {
        
    }

    .slider_fade {
        /*width: 70%;*/
        height: 100%;
        text-align: center;
        position: relative;
        background-color: #326ca2;
    }

    .slid1, .slid2, .slid3, .slid4, .slid5, .slid6, .slid7 {
        position: absolute;
        height: 90%;
        width: 90%;
        display: flex;
    }

    .btn_cl1, .btn_cl2, .btn_cl3, .btn_cl4, .btn_cl5, .btn_cl6, .btn_cl7 {
        background-color: #134371;
    }

    .btn_active {
        background-color: #326ca2;
    }

    .encab {
        width: 100%;
        height: 20%;
    }

    .detai {
        width: 100%;
        height: 80%;
    }
}

@media only screen and (max-width: 666px){

    #cont-fa-cl {
        height: 700px;
        max-height: 900px;
    }
    
    #cont-slid-fade {
        position: relative;
        justify-content: center;
        display: flex;
        align-items: center;
        flex-flow:column;
    }
    #men-slid-fade {
        width: 100%;
        flex-flow: row;
        max-width: unset;
        height:56px;
    }
        #men-slid-fade ul {
            width: 100%;
            height: unset;
            margin: 0;
            display:flex;
        }
    #men-arrow-slid-l {
        z-index: 1;
        opacity: 1;
        height: 52px;
        display: none;
    }


    #men-arrow-slid-r {
        z-index: 1;
        opacity: 1;
        height: 52px;
        display: none;
    }

    .btn_cl1, .btn_cl2, .btn_cl3, .btn_cl4, .btn_cl5, .btn_cl6, .btn_cl7 {
        background-color: #134371;
        height: 52px;
        width: 140px;
    }

    .btn_active {
        background-color: #326ca2;
    }

    #men-slid-fade {
        
    }
    /*ESTILOS PARA SCROLLBAR */
        #men-slid-fade::-webkit-scrollbar {
            width: 0px;
            height: 0px;
        }
        /*ESTILOS PARA SCROLLBAR */
        #men-slid-fade::-webkit-scrollbar-track-piece {
            background-color: transparent;
            -webkit-border-radius: 6px
        }
    
}